<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Chicago Public Schools Racial Data Warehouse - ${self.header()}</title>
    ${h.stylesheet_link('/style.css')}    
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="/raphael.js"></script>
    <script type="text/javascript" src="/jquery.enumerable.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="/markerclusterer_compiled.js"></script>

    <script type="text/javascript" src="/jquery.tufte-graph.js"></script>
    <link rel="stylesheet" href="/tufte-graph.css" type="text/css" media="screen" charset="utf-8" />

    ${self.js()} <!-- move to bottom? -->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-2031253-3']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
  </head>
  <body>
    <div id="header">
      <h1>Chicago Public Schools Racial Data Warehouse</h1>
      <div id="menu">
        <ul id="nav">
          <li><a href="${h.url(controller="index", action="index")}">Home</a></li>
          <li><a href="${h.url(controller="static", action="what_is_this")}">What is this?</a></li>
        </ul>
      </div>
    </div>
    <div id="content">
      <div id="right">
        <h2>${self.header()}</h2>
        <br/>
        ${next.body()}\
      </div>
	    
      <div id="left">
	      
        <div class="box">
	      ##<h2>Links :</h2>
	      <ul>
	        <li><a href="${h.url(controller="schools", action="index")}">Find a School By Name</a></li>
	        <li><a href="${h.url(controller="years", action="index")}">Year By Year Summaries</a></li>
	        ##<li><a href="">Most Diverse Schools</a></li>
	        ##<li><a href="">Least Diverse Schools</a></li>
	      </ul>
          <br/>
          <ul>
            <li><a href="/tutorial">Build a Site Like This</a></li>
            <li><a href="${h.url(controller="static", action="get_involved")}">Get Involved/Make Suggestions</a></li>
          <ul>
                
        </div>
	      
        ##<div class="box">
	      ##  <div style="font-size: 0.8em;">Design by <a href="http://www.minimalistic-design.net">Minimalistic Design</a></div>
        ##</div>
      </div>
    </div>
    <div align="center" class="footer">
      <p>
      by <a href="http://thatmattbone.com/">Matt Bone</a> | 
      with help from the <a href="http://etl.luc.edu/">Emerging Technologies Laboratory</a> |
      <a href="http://cpswarehouse.googlecode.com">Get the Code</a> | 
      <a href="${h.url("dont_scrape_me")}">Don't Scrape Me</a>
    </div>
  </body>
</html>
<%def name="js()">
</%def>
